{% extends 'base.html' %}

{% block title %}
  CalPortal - {{user}} - Edit Profile
{% endblock %}

{% block scripts %}
<script src='/static/index.js'></script>
{% endblock %}

{% block header_links %}
  <a href='editprofile.html'>Edit Profile</a>
{% endblock %}


{% block content %}
<form action="editprofile.html" method="post">
<div class="formpair">
  <div class="formleft">First Name:</div>
  <div class="formright">{{profileform.first_name}}</div>
  <div class="clear"></div>
</div>

<div class="main_clear"></div>

<div class="formpair">
  <div class="formleft">Last Name:</div>
  <div class="formright">{{profileform.last_name}}</div>
  <div class="clear"></div>
</div>

<div class="main_clear"></div>

<div class="formpair">
  <div class="formleft">Berkeley Email:</div>
  <div class="formright">{{profileform.berkeley_email}}</div>
  <div class="clear"></div>
</div>

<div class="main_clear"></div>

<div class="formpair">
  <div class="formleft">Major:</div>
  <div class="formright">{{profileform.major}}</div>
  <div class="clear"></div>
</div>

<div class="main_clear"></div>

<div class="formpair">
  <div class="formleft">Graduating Year:</div>
  <div class="formright">{{profileform.grad}}</div>
  <div class="clear"></div>
</div>

<div class="main_clear"></div>

<div class="formpair">
  <div class="formleft">Profile:</div>
  <div class="formright">{{profileform.profile}}</div>
  <div class="clear"></div>
</div>

<div class="main_clear"></div>

<div class="classpair">
  <div class="formleft">Classes</div>
  <div class="formright"></div>
  <div class="clear"></div>
</div>

{% for section in sections %}
<div class="classpair">
  <div class="formleft">{{ section }}</div>
  <div class="formright"><a href='/remove_class?section_key={{section.key}}'>Remove</a></div>
  <div class="clear"></div>
</div>
{% endfor %}

<div class="formpair">
  <div class="clear"></div>
</div>

<input type="submit" name="editprofile" value="editprofile" />

</form>

<div class="clear"></div>
{% endblock %}